<script lang="ts" setup>
//lang="ts"支持ts语法
//setup是Vue3的组合式API写法
console.log('hello world')
const msg = 'hello world'
const name = '小明'
const age = 19
</script>

<template>
  <h1 class="title">{{msg}}</h1>
  <p>{{ msg }}</p>
  <p>{{ age>=18?'成年了':'你还小' }}</p>
  <p>{{ name.charAt(0) }}</p>
</template>

<style scoped>
/* scoped表示只在当前组件有效 */
.title{
  color: red;
}
</style>
